<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css" type="text/css"/>
	<link href="${pageContext.request.contextPath }/css/reg.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/base.css" type="text/css"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/headbott.css" type="text/css"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/index.css" type="text/css"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/ly-list.css" type="text/css"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/reg.css" type="text/css"/>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/project/jquery.min.js">
</script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/project/ptype.js">
</script>
	<title></title>
</head>
<body>
<!--上部导航栏开始-->
<div id="header">
	<div class="heade-con">
		<div class="logo"><a href=""><img src="${pageContext.request.contextPath }/images/LOGO.png"/></a></div>
		<div class="nav posa">
			<ul>
				 <li><a href="${pageContext.request.contextPath }/pages/frontIndex.action">首页</a></li>
                <li><a href="${pageContext.request.contextPath }/Projects/frontList.action">公益众筹</a></li>
                <li><a href="${pageContext.request.contextPath }/add/questionAllList.action">常见问题</a></li>
                <li><a href="${pageContext.request.contextPath }/news/frontComments.action">众筹资讯</a></li>
				<li><a class="vcolor" href="${pageContext.request.contextPath }/pages/publish/TheProject.action" style="">发布项目</a></li>
			</ul>
		</div>
		<div class="search">
			<form action="">
				<input type="text" class="search-txt" value="" placeholder="找项目">
				<input type="submit" class="search-but" value="">
			</form>
		</div>
		<div class="index-login">
<c:if test="${user == null }">
				<a href="${pageContext.request.contextPath }/pages/frontLogin.action">登录</a>
				<span style="color: white;">|</span>
				<a href="reg.html">注册</a>
				<span style="color: white;">|</span>
				</c:if>
				<c:if test="${user != null }">
				
				<a href="${pageContext.request.contextPath }/pages/user.action" style="color:green;font-size:20px">热烈欢迎: ${user.name }</a>
				<a  href="${pageContext.request.contextPath }/pages/secede.action" style="color:red;font-size:18px">退出</a>
				</c:if>
		</div>
	</div>
</div>
<!--上不导航栏结束-->
<!--中间核心-->
<div class="product">
	<!--头上表格-->
	<div class="product-table">
		<div class="product-left">
			<table class="table table-bordered">
				<tr class="text-center">
					<td class="active title-td"><a href="${pageContext.request.contextPath }/pages/publish/newProduct.action">基本信息</a></td>
					<td class="title-td"><a href="${pageContext.request.contextPath }/pages/publish/TheProject.action">项目信息</a></td>
					<td class="title-td"><a href="${pageContext.request.contextPath }/pages/publish/newDetaill.action">详细描述</a></td>
					<td class="title-td"><a href="${pageContext.request.contextPath }/pages/publish/newBack.action">回报设置</a></td>
				</tr>
			</table>
		</div>
		<div class="product-right">
			<table class="table table-bordered">
				<tr class="text-center">
					<td class="title-td">预览</td>
				</tr>

			</table>

		</div>
	</div>
	<!--下部foem表单-->
	<div class="product-form">
		<!--上标题-->
		<div class="product-title">
			<div class="my-h4">
				<h4>选择你的身份类型</h4>
			</div>
			<div class="btn-save">
				<button id="saveDraft" onClick="saveDraft()" class="btn btn-default">保存草稿</button>
			</div>
		</div>
		<div class="clear"></div>
		<hr>
		<!--选择机构个人-->
		<div class="choose">
			<table class="table table-bordered">
				<tr class="text-center">
					<td class="choose-td" style="background: #00aced">个人</td>
				</tr>
			</table>
		</div>
		<!--表单-->
		<form id="ajaxbasic" action="#" method="post" enctype="multipart/form-data">
			<div class="my-form text-center">

				<div class="product-input"><input class="text" type="text" value="${user.name }" readonly placeholder="请输入中文姓名，2-20个字符"></div>
				<div class="product-input"><input class="text" type="text" value="${user.idCard }" readonly placeholder="二代身份证，请输入数字或字母"></div>
				<div class="product-input"><input class="text" type="text" value="${user.phone }" readonly placeholder="请输入手机号码"></div>

				<div class="product-input"><input id="custName" name="custName" class="text" type="text"  placeholder="客服联系人"></div>
				<div class="product-input"><input id="custPhone" name="custPhone" onblur="upperCase()" class="text" type="text" placeholder="客服咨询电话"></div>
			</div>
			<div class="product-select">
				<div class="product-select1">
					<select class="select1" id="custAddress" name="province" onchange="getCity(this.value)">
						<!-- <option>请选择</option> -->
						<!-- <option>河南省</option> -->
					</select>
				</div>
				<div class="product-select2">
					<select class="select2" id="custAddress" name="city">
						<!-- <option>请选择</option> -->
						<!-- <option>郑州市</option>
						<option>开封市</option> -->
					</select>
				</div>
			</div>
			<div class="product-select">
				<div class="select-type">
					<select class="select-cla" id="projectTypeId" name="projectTypeId">
						<!-- <option>公益</option>
						<option>农业</option>
						<option>娱乐</option>
						<option>其他</option> -->
					</select>
				</div>
			</div>
		</form>
	</div>
</div>
<!--底部开始-->
<div id="bottom">
	<div class="bottom-ggt"><a href=""><img src="${pageContext.request.contextPath }/images/bottbom_68.jpg" alt=""/></a></div>
	<div class="zc-yqlink">
		<ul>
			<li><a href="">阿里巴巴集团</a></li>
			<li><a href="">淘宝网</a></li>
			<li><a href="">天猫</a></li>
			<li><a href="">聚划算</a></li>
			<li><a href="">全球速卖通</a></li>
			<li><a href="">阿里巴巴国际交易市场</a></li>
			<li><a href="">1688</a></li>
			<li><a href="">阿里妈妈</a></li>
			<li><a href="">阿里旅行</a></li>
			<li><a href="">阿里云计算</a></li>
			<li><a href="">阿里巴巴集团</a></li>
			<li><a href="">淘宝网</a></li>
			<li><a href="">天猫</a></li>
			<li><a href="">聚划算</a></li>
			<li><a href="">全球速卖通</a></li>
			<li><a href="">阿里巴巴国际交易市场</a></li>
			<li><a href="">1688</a></li>
			<li><a href="">阿里妈妈</a></li>
			<li><a href="">阿里云计算</a></li>
		</ul>
	</div>
	<div class="footer-bd">

		<a href=" ">关于淘宝</a>
		<a href=" ">合作伙伴</a>
		<a href=" ">营销中心</a>
		<a href=" ">廉正举报</a>
		<a href=" ">联系客服</a>
		<a href=" ">开放平台</a>
		<a href=" ">诚征英才</a>
		<a href=" ">联系我们</a>
		<a href=" ">网站地图</a>
		<a href=" ">法律声明</a>　　　
		<em>© 2003-2015 Taobao.com 版权所有</em><br>

		<br>
		<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span>
		<b>|</b>
		<span data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
		<b>|</b>
		<span>信息网络传播视听节目许可证：1109364号</span>
		<b>|</b>
		<span>举报电话:0571-81683755</span>
	</div>
</div>
<script>
	 function saveDraft(){
		$.ajax({
			url : "${pageContext.request.contextPath }/add/addProduct.action",
			method : "post",
			dataType: "json",
			data: $("#ajaxbasic").serialize(),
			success: function(data) {
				alert("++++" + data.msg);
			},
			error: function(){
				alert("保存草稿失败!!!");
			}
		})
	}
	 function upperCase(){
		 var mobile = document.getElementById("custPhone").value;
		// alert(mobile);
	       var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
	       if(!myreg.test(mobile)) 
	       { 
	           alert('请输入有效的手机号码！'); 
	          // document.form1.mobile.focus(); 
	           return false; 
	       } 
	 }
	 /**
	  * ajax获取省市级联菜单
	  */

	 // 由于jsp中${pageContext.request.contextPath}在js中无法识别，所以使用js来获取访问的路径
	 function getRealPath(){
	 	//获取当前网址，如： http://localhost:8083/myproj/view/ahha.jsp
	 	var curWwwPath=window.document.location.href;
	 	//获取主机地址之后的目录，如： myproj/view/ahha.jsp
	 	var pathName=window.document.location.pathname;
	 	var pos=curWwwPath.indexOf(pathName);
	 	//获取主机地址，如： http://localhost:8080
	 	var localhostPaht=curWwwPath.substring(0,pos);
	 	//获取带"/"的项目名，如：/ahha
	 	var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
	 	 
	 	//得到了 服务器名称和项目名称
	 	var realPath=localhostPaht+projectName;
	 	
	 	return realPath;
	 }

	 // 声明全局变量pageContext
	 var pageContext = getRealPath();

	 // 初始化省市级联菜单
	 $(function(){
	 	getProvince();
	 })

	 // 获取省份的ajax请求
	 function getProvince() {
	 	
	 	
	 	var pId = $("select[name=province]").val();

	 	$.ajax({
	 				url : pageContext + "/region/front/province.action",
	 				method : "post",
	 				dataType : "json",
	 				async : true,
	 				success : function(data) {
	 					//alert(data.length);
	 					var provinceList = data.provinces;
	 					for (var i = 0; i < provinceList.length; i++) {
	 						// 浏览器控制台打印
	 						console.log(provinceList[i].id + "、"
	 								+ provinceList[i].name);
	 						var option = "<option value=\"" + provinceList[i].id
	 								+ "\"";
	 						option += ">" + provinceList[i].name + "</option>"; // 动态添加数据
	 						$("select[name=province]").append(option);
	 					}
	 				},
	 				error : function() {
	 					alert("对不起，省份出错啦！");
	 				}
	 			});
	 }
	 // 获取市的ajax请求
	 function getCity(id) {
	 	// alert("获取城市===="+id);
	 	$.ajax({
	 		url : pageContext + "/region/front/city.action",
	 		data : {
	 			"id" : id
	 		},
	 		method : "post",
	 		dataType : "json",
	 		async : true,
	 		success : function(data) {
	 			$("select[name=city]").empty();
	 			var cityList = data.cities;
	 			for (var i = 0; i < cityList.length; i++) {
	 				console.log(cityList[i].id + "、" + cityList[i].name);
	 				var option = "<option value=\"" + cityList[i].id + "\"";
	 				option += ">" + cityList[i].name + "</option>"; // 动态添加数据
	 				$("select[name=city]").append(option);
	 			}
	 		},
	 		error : function() {
	 			alert("对不起，城市出错啦！");
	 		}
	 	});
	 }
	   
</script>
</body>
</html>